<template>
      <!-- 全局提示框 -->
      <div v-show="visible" class="dialog-tips dialog-center">
          <div class="all">{{message}}</div>
      </div>
  
</template>
<script>
export default {
  data() {
    return {
      visible: false,
      message: ""
    };
  }
};
</script>
<style scoped>
.dialog-tips {
  position: fixed;
  z-index: 10000000000;
  /* min-width: 6rem; */
  /* max-width: 6rem; */
  word-wrap: break-word;
  padding: 0.6rem 0.4rem;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 20px 5px #ddd;
  color: #333;
  text-align: center;
  font-size: 0.9rem;
}
.dialog-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: auto;
}
.all {
  /* word-break:break-all; */
  word-wrap: break-word;
  font-size: 1rem;
  line-height: 2rem;
  width:12rem;
}
</style>